<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
		<meta http-equiv="Cache-Control" content="no-cache/no-store" />
<!--[if lt IE 9]>
<script type="text/javascript" src="lib/html5shiv.js"></script>
<script type="text/javascript" src="lib/respond.min.js"></script>
<![endif]-->
<link rel="stylesheet" type="text/css" href="static/h-ui/css/H-ui.min.css" />
<link rel="stylesheet" type="text/css" href="static/h-ui.admin/css/H-ui.admin.css" />
<link rel="stylesheet" type="text/css" href="lib/Hui-iconfont/1.0.8/iconfont.css" />
<link rel="stylesheet" type="text/css" href="static/h-ui.admin/skin/default/skin.css" id="skin" />
<link rel="stylesheet" type="text/css" href="static/h-ui.admin/css/style.css" />
<style>
  h4{
   text-align:center
  }
  table{
   	word-break: keep-all;
   	white-space:nowrap;
   }
   .input-text{
     width:140px;
   }
   .search{
      margin-top:10px;
   }
/*   body{ */
/*     background-color:blue; */
/*     clolr:white; */
/*   } */
</style>
<!--[if IE 6]>
<script type="text/javascript" src="lib/DD_belatedPNG_0.0.8a-min.js" ></script>
<script>DD_belatedPNG.fix('*');</script>
<![endif]-->
<title>审批</title>
</head>
<body>


<!--面包屑导航-->
<!-- 		<nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页 <span class="c-gray en">&gt;</span>工序产能监控<span class="c-gray en">&gt;</span> 员工达成率看板 -->
<!-- 			<a class="btn btn-primary radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新"><i class="Hui-iconfont">&#xe68f;</i>刷新</a> -->
<!-- 		</nav> -->
        
        <!--主内容-->
		<div class="page-container col-md-12">
			<div class="reportDiv">
			    <h4>报工审批</h4>
			    <div class='search'>
		            <span>订单编号：</span><input type="text" class="input-text" placeholder="订单编号"  id="companyOrderId" list="companyOrderIdList"/>
				           <datalist id="companyOrderIdList"></datalist>
			    	<span>工厂型号：</span><input type="text" class="input-text" placeholder="工厂型号"  id="factoryId" list="factoryIdList"/>
					           <datalist id="factoryIdList"></datalist>
			    	<span>客户型号：</span><input type="text" class="input-text" placeholder="客户型号"  id="coustomId" list="coustomIdList"/>
					           <datalist id="coustomIdList"></datalist>
			    	<span>客户单号：</span><input type="text" class="input-text" placeholder="客户订单号"  id="coustomOrderId" list="coustomOrderIdList"/>
					           <datalist id="coustomOrderIdList"></datalist>
		            <span>系统编号：</span><input type="text" class="input-text" placeholder="系统订单编号"  id="orderId" list="orderIdList"/>
				           <datalist id="orderIdList"></datalist>
		        </div>
		        <div class="search">
		             <span>加工对象：</span><input type='text' class='input-text' id="machining" list="machiningList" placeholder="加工对象">
		                                <datalist id="machiningList"></datalist>
		             <span>车间名称：</span> <select name="" id="workshopName" style="width:135px" class="input-text">
						         <option value=''>请选择</option>
					        </select>
		             <span>审核状态：</span>
		             <select id="status" class='input-text'>
		                  <option value=''>全部</option>
		                  <option value='0'>待审核</option>
		                  <option value='1'>已审核</option>
		                  <option value='2'>已退回</option>
		                  <option value='3'>申请退回</option>
		             </select>
		             <span>时间：</span>
		             <input id="startTime" type="text"  onclick="WdatePicker({maxDate:'%y-%M-%d',dateFmt:'yyyy-MM-dd'})"  class="input-text Wdate" style="width:120px;"> - 
		             <input id="endTime" type="text"  onclick="WdatePicker({maxDate:'%y-%M-%d',dateFmt:'yyyy-MM-dd'})"  class="input-text Wdate" style="width:120px;">
		             <button class='btn btn-primary radius' id="querryReportBtn">查询记录</button>
		             <button class='btn btn-primary radius' id="download">导出</button>
		        </div>
		        <div class="search"></div>
			    
			    
			    <button  class="btn btn-primary radius reportAll">批量操作</button>
			    <button  class="btn btn-secondary radius reportAgreeAll" >批量审核</button>
			    <button  class="btn btn-danger radius reportReturnAll" >批量退回</button>
			    <button  class="btn btn-warning radius selectAll" >全选</button>
			    <button  class="btn btn-warning radius selectNotAll" >全不选</button>
			    <span class='tiShiSpan'>未审核的报工记录，审核时可点击单价对单价进行修改</span>
			    <table id="reportApproval" class=" table table-border table-bordered table-bg table-hover">
			       <thead>
			          <tr>
				          <th>&nbsp;&nbsp;操作 &nbsp;&nbsp;</th>
			              <th>订单编号</th>
			              <th>工厂型号</th>
			              <th>客户型号</th>
				          <th>加工对象</th>
				          <th>颜色</th>
				          <th>车间名称</th>
				          <th>工序名称</th>
				          <th>关联源</th>
				          <th>报工时间</th>
				          <th>合格数</th>
				          <th>不合格数</th>
				          <th>不合格原因</th>
				          <th>单价</th>
				          <th>报工人</th>
				          <th>审核人</th>
				          <th>状态</th>
			          </tr>
			       </thead>
			       <tbody></tbody>
			    </table>
			    
			    <!-- 报工二次审核表 -->
			    <h4>报工二次审批</h4>
			    <table id="secondReportApproval" class=" table table-border table-bordered table-bg table-hover">
			       <thead>
			          <tr>
			              <th>&nbsp;&nbsp;操作 &nbsp;&nbsp;</th>
			              <th>订单编号</th>
			              <th>工厂型号</th>
			              <th>客户型号</th>
				          <th>加工对象</th>
				          <th>颜色</th>
				          <th>车间名称</th>
				          <th>工序名称</th>
				          <th>关联源</th>
				          <th>报工时间</th>
				          <th>合格数</th>
				          <th>不合格数</th>
				          <th>不合格原因</th>
				          <th>单价</th>
				          <th>报工人</th>
				          <th>一审人</th>
				          <th>一审时间</th>
				          <th>二审人</th>
				          <th>状态</th>
			          </tr>
			       </thead>
			       <tbody></tbody>
			    </table>
			</div>
			
			
		<div id="reportReasonModel" class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
					<span class="modal-title" id="myModalLabel">退回原因</span>
				</div>
				<div class="modal-body" height="400px;">
					<div >
					    <span>退回原因：</span>
					   <input type="text" class="input-text" placeholder="在此输入退回原因"  id="reportReturnReason"/>
					</div>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
					<button type="button" class="btn btn-primary" id="reportReturnBtn">退回</button>
					<button type="button" class="btn btn-primary" id="reportReturnAllBtn" hideen="hidden">批量退回</button>
				</div>
			</div>
		</div>
	</div>
		</div>
<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="https://upload.shinehao.com.cn/20180810145355jquery.min1.9.1.js"></script> 
<script type="text/javascript" src="lib/layer/2.4/layer.js"></script>
<script type="text/javascript" src="https://upload.shinehao.com.cn/20180810150731H-ui.min3.0.2.js"></script> 
<script type="text/javascript" src="static/h-ui.admin/js/H-ui.admin.js"></script>
<script type="text/javascript" src="https://upload.shinehao.com.cn/20180813175723jquery.dataTables1.10.0.js"></script>
<!--/_footer 作为公共模版分离出去 -->

<!--请在下方写此页面业务相关的脚本 -->
<script type="text/javascript" src="lib/My97DatePicker/4.8/WdatePicker.js"></script> 
<script type="text/javascript" src="lib/laypage/1.2/laypage.js"></script>
<script type="text/javascript" src="https://upload.shinehao.com.cn/20180810172341echarts.common.min3.4.0.js"></script>
<script type="text/javascript" src="https://upload.shinehao.com.cn/20180809103833lodash.js"></script> 
<script type="text/javascript" src="myJs/echartUtil.js"></script>
<script type="text/javascript" src="myJs/util.js"></script>
<script type="text/javascript" src="myJs/approval.js"></script>

</body>
</html>